/* greate 2016/4/18 */
.step_box .line + .line {
  margin-left: -4px; }

.step_box .cross {
  height: 2px;
  width: 100%;
  background-color: #03a9f4;
  margin-bottom: 1px; }

.step_box .nav {
  width: 100%;
  min-width: 1190px;
  margin-bottom: 1px;
  overflow: hidden;
  white-space: nowrap; }
  .step_box .nav .line {
    height: 29px;
    background-color: #CBCBCB;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    position: relative; }
    .step_box .nav .line .num {
      width: 18px;
      height: 18px;
      background-image: url(../../img/circle.png);
      background-repeat: no-repeat;
      display: inline-block;
      *display: inline;
      *zoom: 1;
      text-align: center;
      line-height: 19px;
      margin-right: 10px; }
    .step_box .nav .line span {
      font-size: 14px;
      color: #666;
      line-height: 29px; }
    .step_box .nav .line .step_arrow {
      width: 15px;
      height: 29px;
      background-image: url(../../img/triangle.png);
      background-repeat: no-repeat;
      position: absolute;
      right: -15px;
      top: 0;
      z-index: 10; }
  .step_box .nav .myShopping {
    width: 44%;
    text-align: right;
    z-index: 3; }
    .step_box .nav .myShopping span {
      margin-right: 25px; }
  .step_box .nav .orderInfo {
    width: 13%;
    text-align: center;
    z-index: 2; }
  .step_box .nav .payOrder {
    width: 44%;
    text-align: left; }
    .step_box .nav .payOrder .num {
      margin-left: 45px; }
  .step_box .nav .active {
    background-color: #F0F0F0; }
    .step_box .nav .active .num {
      background-image: url(../../img/blueCircle.png);
      color: #fff;
      width: 19px;
      height: 19px; }
    .step_box .nav .active span {
      color: #03a9f4; }
    .step_box .nav .active .step_arrow {
      background-image: url(../../img/activeT.png); }

.orderinfo_box {
  width: 1190px;
  margin: 0 auto 10px auto;
  background: #ffffff; }

.orderinfo_title {
  width: 1190px;
  margin: 24px auto;
  font-size: 18px; }

.user_address {
  margin-bottom: 20px; }

.user_address_hd {
  padding: 20px;
  overflow: hidden; }
  .user_address_hd h3 {
    float: left;
    font-size: 16px;
    color: #000000; }
  .user_address_hd .add_address {
    float: right;
    font-size: 14px;
    color: #333333; }

.user_address_bd {
  max-height: 176px;
  *height: 176px;
  padding-left: 40px;
  margin: 0 20px 20px 0px;
  overflow: auto;
  position: relative; }
  .user_address_bd ul {
    margin-top: -20px;
    position: relative; }
  .user_address_bd li {
    height: 29px;
    overflow: hidden;
    margin-top: 20px;
    line-height: 29px;
    cursor: pointer;
    font-size: 14px; }
  .user_address_bd li.current,
  .user_address_bd li:hover {
    background: #faf2f3; }
  .user_address_bd li.current .address_tips,
  .user_address_bd li:hover .address_tips {
    border: 2px solid #e51c23;
    line-height: 25px;
    height: 25px;
    overflow: hidden; }
  .user_address_bd .address_tips {
    float: left;
    border: 1px solid #cbcbcb;
    width: 117px;
    margin-right: 20px;
    text-align: center;
    line-height: 27px;
    height: 27px;
    overflow: hidden;
    background: #FFFFFF;
    cursor: pointer; }
    .user_address_bd .address_tips .add_name {
      margin-right: 6px; }
  .user_address_bd li.active .address_tips {
    border: 2px solid #e51c23;
    line-height: 25px;
    overflow: hidden;
    height: 25px; }
  .user_address_bd .address_name,
  .user_address_bd .address_info,
  .user_address_bd .address_tel {
    padding-right: 6px; }
  .user_address_bd .address_detailed {
    float: left; }
  .user_address_bd .handle {
    float: right;
    padding-right: 10px;
    display: none; }
    .user_address_bd .handle .default_address,
    .user_address_bd .handle .edit,
    .user_address_bd .handle .del {
      float: left;
      color: #03a9f4; }
    .user_address_bd .handle .default_address,
    .user_address_bd .handle .edit {
      margin-right: 18px; }
  .user_address_bd li.current .handle,
  .user_address_bd li:hover .handle {
    display: block; }
  .user_address_bd .address_default {
    float: left; }

.address_open {
  max-height: none;
  height: auto; }

.user_address .hide_address {
  padding-left: 40px;
  font-size: 14px;
  color: #333333; }
  .user_address .hide_address i {
    width: 6px;
    height: 6px;
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
    margin-left: 5px;
    border: 2px solid #cbcbcb;
    overflow: hidden;
    display: inline-block;
    position: relative; }
  .user_address .hide_address i.open {
    border-top: 0 none;
    border-left: 0 none;
    top: -2px; }
  .user_address .hide_address i.close {
    border-bottom: 0 none;
    border-right: 0 none;
    top: 2px; }
  .user_address .hide_address span {
    cursor: pointer; }

.no_address {
  background: #FFFFFF; }

.no_address .user_address_bd {
  *height: 246px;
  max-height: 246px;
  color: #333333;
  text-align: center;
  font-size: 20px;
  font-weight: bolder;
  line-height: 200px; }

.detailinfoUl {
  width: 1190px;
  padding-bottom: 30px;
  border-bottom: 1px solid #f0f0f0; }
  .detailinfoUl .detailinfoLi {
    width: 1150px;
    margin: 0 auto;
    overflow: hidden;
    font-size: 14px; }
    .detailinfoUl .detailinfoLi .detailinfoLiTitle {
      padding: 35px 0 10px 0;
      font-weight: bold;
      border-bottom: 2px solid #03a9f4; }
    .detailinfoUl .detailinfoLi .detailinfoContainer {
      border: 1px solid #ddf2fb;
      border-top: none; }
      .detailinfoUl .detailinfoLi .detailinfoContainer .detailinfoLeft {
        width: 275px;
        float: left; }
        .detailinfoUl .detailinfoLi .detailinfoContainer .detailinfoLeft .distributionTitle {
          padding: 5px 15px; }
          .detailinfoUl .detailinfoLi .detailinfoContainer .detailinfoLeft .distributionTitle li {
            line-height: 35px; }
          .detailinfoUl .detailinfoLi .detailinfoContainer .detailinfoLeft .distributionTitle .pdl10 {
            padding-left: 10px; }
            .detailinfoUl .detailinfoLi .detailinfoContainer .detailinfoLeft .distributionTitle .pdl10 i.icon {
              width: 25px;
              height: 32px;
              display: inline-block;
              vertical-align: middle;
              background-image: url("/resources/img/detail-info.png"); }
            .detailinfoUl .detailinfoLi .detailinfoContainer .detailinfoLeft .distributionTitle .pdl10 .icon.icon-radio {
              background-position: -12px -4px; }
          .detailinfoUl .detailinfoLi .detailinfoContainer .detailinfoLeft .distributionTitle .pdl10.twoLine {
            line-height: 20px;
            padding-top: 7px; }
            .detailinfoUl .detailinfoLi .detailinfoContainer .detailinfoLeft .distributionTitle .pdl10.twoLine .distributionInfoLeft {
              float: left; }
            .detailinfoUl .detailinfoLi .detailinfoContainer .detailinfoLeft .distributionTitle .pdl10.twoLine .distributionInfoRight {
              margin-left: 42px; }
          .detailinfoUl .detailinfoLi .detailinfoContainer .detailinfoLeft .distributionTitle .pdl75 {
            padding-left: 75px; }
          .detailinfoUl .detailinfoLi .detailinfoContainer .detailinfoLeft .distributionTitle .distributionMethod, .detailinfoUl .detailinfoLi .detailinfoContainer .detailinfoLeft .distributionTitle .distributionContent {
            color: #333; }
          .detailinfoUl .detailinfoLi .detailinfoContainer .detailinfoLeft .distributionTitle .distributionInfo {
            color: #999; }
            .detailinfoUl .detailinfoLi .detailinfoContainer .detailinfoLeft .distributionTitle .distributionInfo input.cellphoneNo {
              width: 140px;
              margin-left: 8px;
              text-align: center;
              border: 1px solid #cbcbcb; }
            .detailinfoUl .detailinfoLi .detailinfoContainer .detailinfoLeft .distributionTitle .distributionInfo input.active {
              border-color: #f00; }
          .detailinfoUl .detailinfoLi .detailinfoContainer .detailinfoLeft .distributionTitle .distributionInfoError {
            height: 25px;
            line-height: 25px;
            padding-left: 65px;
            color: #e51c23;
            display: none; }
            .detailinfoUl .detailinfoLi .detailinfoContainer .detailinfoLeft .distributionTitle .distributionInfoError .icon.icon-error {
              background-position: -90px -5px; }
      .detailinfoUl .detailinfoLi .detailinfoContainer .detailinfoRight {
        margin-left: 275px;
        border-left: 1px solid #ddf2fb;
        background-color: rgba(220, 237, 245, 0.3); }
        .detailinfoUl .detailinfoLi .detailinfoContainer .detailinfoRight .merge_UL {
          width: 407px; }
        .detailinfoUl .detailinfoLi .detailinfoContainer .detailinfoRight .detailinfoArticleUl {
          padding: 0 15px;
          border-bottom: 1px solid #f0f0f0;
          position: relative; }
          .detailinfoUl .detailinfoLi .detailinfoContainer .detailinfoRight .detailinfoArticleUl .detailinfoArticleLi {
            padding: 15px 0 11px 0;
            overflow: hidden; }
            .detailinfoUl .detailinfoLi .detailinfoContainer .detailinfoRight .detailinfoArticleUl .detailinfoArticleLi > div {
              float: left; }
            .detailinfoUl .detailinfoLi .detailinfoContainer .detailinfoRight .detailinfoArticleUl .detailinfoArticleLi .detailinfoArticleImg {
              position: relative; }
              .detailinfoUl .detailinfoLi .detailinfoContainer .detailinfoRight .detailinfoArticleUl .detailinfoArticleLi .detailinfoArticleImg img {
                height: 120px;
                width: 120px; }
            .detailinfoUl .detailinfoLi .detailinfoContainer .detailinfoRight .detailinfoArticleUl .detailinfoArticleLi .detailinfoArticleDesc {
              width: 270px;
              margin-left: 15px;
              padding: 12px 0; }
              .detailinfoUl .detailinfoLi .detailinfoContainer .detailinfoRight .detailinfoArticleUl .detailinfoArticleLi .detailinfoArticleDesc .detailinfoArticleDescTitle {
                color: #333;
                margin-bottom: 10px; }
              .detailinfoUl .detailinfoLi .detailinfoContainer .detailinfoRight .detailinfoArticleUl .detailinfoArticleLi .detailinfoArticleDesc .detailinfoArticleDescColor, .detailinfoUl .detailinfoLi .detailinfoContainer .detailinfoRight .detailinfoArticleUl .detailinfoArticleLi .detailinfoArticleDesc .detailinfoArticleDescSize {
                color: #999; }
            .detailinfoUl .detailinfoLi .detailinfoContainer .detailinfoRight .detailinfoArticleUl .detailinfoArticleLi .detailinfoArticlePrice {
              width: 100px;
              margin-left: 95px;
              padding: 30px 0;
              text-align: center; }
            .detailinfoUl .detailinfoLi .detailinfoContainer .detailinfoRight .detailinfoArticleUl .detailinfoArticleLi .detailinfoArticleQuan {
              width: 40px;
              margin-left: 50px;
              padding: 50px 0;
              text-align: center; }
            .detailinfoUl .detailinfoLi .detailinfoContainer .detailinfoRight .detailinfoArticleUl .detailinfoArticleLi .detailinfoArticleCalcPrice {
              width: 100px;
              margin-left: 50px;
              padding: 30px 0;
              text-align: center;
              color: #e51c23;
              font-weight: bold; }
          .detailinfoUl .detailinfoLi .detailinfoContainer .detailinfoRight .detailinfoArticleUl .detailinfoArticleLi.middle {
            border-bottom: 1px solid #FCFFFF; }
          .detailinfoUl .detailinfoLi .detailinfoContainer .detailinfoRight .detailinfoArticleUl .detailinfoArticleLi.list_line {
            border-top: 1px solid #FCFFFF; }
          .detailinfoUl .detailinfoLi .detailinfoContainer .detailinfoRight .detailinfoArticleUl .merge_pay {
            position: absolute;
            top: 50%;
            right: -419px;
            margin-top: -80px;
            background-color: #F4FAFC; }
        .detailinfoUl .detailinfoLi .detailinfoContainer .detailinfoRight .detailinfoFreight {
          height: 45px;
          line-height: 45px;
          color: #666;
          text-align: right;
          padding-right: 30px;
          border-top: 1px solid #FCFFFF;
          position: relative;
          margin-top: -1px; }
          .detailinfoUl .detailinfoLi .detailinfoContainer .detailinfoRight .detailinfoFreight .detailinfoFreightValue {
            padding-left: 8px; }

.jdone-icon {
  width: 20px;
  height: 20px;
  background: url(../../img/jd-icon.png) no-repeat;
  position: absolute;
  top: 0;
  left: 0; }

.invoiceSection {
  width: 1190px; }
  .invoiceSection .invoiceInnerSection {
    padding: 25px 15px; }
    .invoiceSection .invoiceInnerSection .invoiceTitle {
      height: 25px;
      line-height: 25px;
      font-weight: bold;
      font-size: 16px;
      color: #333;
      margin-bottom: 5px; }
    .invoiceSection .invoiceInnerSection .invoiceSelectUl {
      width: 120px;
      cursor: pointer; }
      .invoiceSection .invoiceInnerSection .invoiceSelectUl .invoiceSelectLi {
        height: 35px;
        line-height: 35px;
        padding-left: 25px;
        color: #333; }
        .invoiceSection .invoiceInnerSection .invoiceSelectUl .invoiceSelectLi i.icon {
          width: 25px;
          height: 32px;
          display: inline-block;
          vertical-align: middle;
          cursor: pointer;
          background-image: url("/resources/img/detail-info.png"); }
        .invoiceSection .invoiceInnerSection .invoiceSelectUl .invoiceSelectLi .icon.icon-radio.checked {
          background-position: -8px -6px; }
        .invoiceSection .invoiceInnerSection .invoiceSelectUl .invoiceSelectLi .icon.icon-radio {
          background-position: -48px -6px; }
        .invoiceSection .invoiceInnerSection .invoiceSelectUl .invoiceSelectLi .invoiceSelect {
          display: none; }
    .invoiceSection .invoiceInnerSection .invoiceContentUl {
      padding-left: 54px;
      display: none; }
      .invoiceSection .invoiceInnerSection .invoiceContentUl .invoiceContentLi {
        height: 35px;
        line-height: 35px; }
        .invoiceSection .invoiceInnerSection .invoiceContentUl .invoiceContentLi .invoiceContentLeft {
          float: left;
          width: 60px; }
        .invoiceSection .invoiceInnerSection .invoiceContentUl .invoiceContentLi .invoiceContentRight {
          margin-left: 60px; }
          .invoiceSection .invoiceInnerSection .invoiceContentUl .invoiceContentLi .invoiceContentRight .invoiceContentDesc {
            color: #999; }
          .invoiceSection .invoiceInnerSection .invoiceContentUl .invoiceContentLi .invoiceContentRight .invoiceContentPos select {
            width: 70px;
            height: 25px;
            border: 1px solid #cbcbcb; }
          .invoiceSection .invoiceInnerSection .invoiceContentUl .invoiceContentLi .invoiceContentRight .invoiceContentPos input {
            width: 248px;
            height: 23px;
            margin-left: 1px;
            border: 1px solid #cbcbcb;
            text-indent: 10px; }
            .invoiceSection .invoiceInnerSection .invoiceContentUl .invoiceContentLi .invoiceContentRight .invoiceContentPos input.active {
              border-color: #f00; }
          .invoiceSection .invoiceInnerSection .invoiceContentUl .invoiceContentLi .invoiceContentRight .invoiceContentPos .invoiceContentPosError {
            display: inline-block;
            color: #e51c23;
            margin-left: 5px; }
            .invoiceSection .invoiceInnerSection .invoiceContentUl .invoiceContentLi .invoiceContentRight .invoiceContentPos .invoiceContentPosError i.icon {
              width: 25px;
              height: 32px;
              display: inline-block;
              vertical-align: middle;
              background-image: url("/resources/img/detail-info.png"); }
            .invoiceSection .invoiceInnerSection .invoiceContentUl .invoiceContentLi .invoiceContentRight .invoiceContentPos .invoiceContentPosError .icon.icon-error {
              background-position: -90px -5px; }
          .invoiceSection .invoiceInnerSection .invoiceContentUl .invoiceContentLi .invoiceContentRight .invoiceContentDetail select {
            width: 325px;
            height: 25px;
            border: 1px solid #cbcbcb; }

.overview {
  padding: 25px 20px 20px 0;
  width: 1170px;
  margin: 0 auto;
  background: #ffffff;
  overflow: hidden;
  position: relative; }
  .overview ul {
    float: right;
    clear: both;
    font-size: 14px; }
  .overview ul.line {
    border-bottom: 1px solid #F0F0F0;
    margin-bottom: 17px;
    padding-bottom: 10px;
    width: 1150px; }
  .overview li {
    float: right;
    clear: both;
    margin-bottom: 10px;
    width: 405px; }
    .overview li label {
      float: left;
      width: 150px;
      text-align: right;
      margin-right: 10px;
      font-weight: bolder; }
    .overview li label.paytotal {
      position: relative;
      top: 12px; }
    .overview li .total_number {
      float: left;
      font-weight: normal; }
    .overview li .rightcontent {
      float: left;
      font-weight: bolder; }
      .overview li .rightcontent span {
        display: inline-block;
        margin-right: 5px;
        text-align: right; }
      .overview li .rightcontent ins {
        text-decoration: none;
        font-family: "Helvetica Neue", "Microsoft YaHei", Arial, "Heiti SC", SimSun; }
      .overview li .rightcontent .cols1 {
        width: 75px; }
      .overview li .rightcontent .cols4 ins,
      .overview li .rightcontent .cols5 ins {
        font-size: 26px;
        color: #e51c23; }
  .overview .submit_detail {
    float: right;
    width: 270px;
    height: 66px;
    line-height: 66px;
    clear: both;
    text-align: center;
    color: #ffffff;
    background: #e51c23;
    font-size: 24px; }
  .overview .submit_detail:hover {
    text-decoration: none; }
  .overview .backto_cart {
    color: #33b8f4;
    font-size: 14px;
    position: absolute;
    left: 20px;
    bottom: 40px; }

.overview li .rightcontent .cols1 {
  width: auto; }

.overview li {
  width: 450px; }

.ECar_modal_mask {
  position: fixed;
  z-index: 4;
  background: rgba(0, 0, 0, 0.5); }

.ECar_modal {
  background: #FFFFFF; }

.ECar_modal_button .consigneeInfoBtn {
  width: 150px;
  height: 30px;
  margin-left: 50px; }

.consigneeInfoContainer .consigneeInfoRow {
  height: 40px;
  line-height: 40px; }
  .consigneeInfoContainer .consigneeInfoRow .consigneeInfoColumnLeft {
    width: 80px;
    float: left;
    text-align: right; }
    .consigneeInfoContainer .consigneeInfoRow .consigneeInfoColumnLeft .asterisk {
      color: #e51c23;
      padding-right: 3px; }
    .consigneeInfoContainer .consigneeInfoRow .consigneeInfoColumnLeft .consigneeInfoDesc {
      padding-right: 5px;
      color: #333; }
  .consigneeInfoContainer .consigneeInfoRow .consigneeInfoColumnRight {
    margin-left: 80px; }
    .consigneeInfoContainer .consigneeInfoRow .consigneeInfoColumnRight input, .consigneeInfoContainer .consigneeInfoRow .consigneeInfoColumnRight select {
      height: 23px;
      border: 1px solid #cbcbcb; }
    .consigneeInfoContainer .consigneeInfoRow .consigneeInfoColumnRight input.active {
      border-color: #f00; }
    .consigneeInfoContainer .consigneeInfoRow .consigneeInfoColumnRight .person, .consigneeInfoContainer .consigneeInfoRow .consigneeInfoColumnRight .district {
      min-width: 138px; }
    .consigneeInfoContainer .consigneeInfoRow .consigneeInfoColumnRight .address {
      width: 298px; }
    .consigneeInfoContainer .consigneeInfoRow .consigneeInfoColumnRight .phoneNo {
      width: 178px; }
    .consigneeInfoContainer .consigneeInfoRow .consigneeInfoColumnRight .consigneeInfoErrorSpan {
      position: relative;
      display: none; }
      .consigneeInfoContainer .consigneeInfoRow .consigneeInfoColumnRight .consigneeInfoErrorSpan .consigneeInfoIcon {
        width: 15px;
        height: 15px;
        background-size: 15px;
        left: 9px;
        top: 1px; }
      .consigneeInfoContainer .consigneeInfoRow .consigneeInfoColumnRight .consigneeInfoErrorSpan .consigneeInfoWarning {
        color: #f00;
        padding-left: 30px; }

.state_layer {
  padding: 30px 0 40px 65px;
  position: relative; }
  .state_layer .layer_icon {
    width: 28px;
    height: 28px;
    position: absolute;
    left: 25px;
    top: 30px;
    background: url(/resources/img/ico28x28.png) no-repeat; }
  .state_layer .icon_fail {
    background-position: 0 0; }
  .state_layer .icon_success {
    background-position: 0 -30px; }
  .state_layer .main_txt {
    margin-bottom: 13px; }
  .state_layer .link_btn,
  .state_layer .link_txt {
    display: inline-block;
    font-size: 14px; }
  .state_layer .link_txt {
    margin-left: 13px;
    color: #03a9f4; }
  .state_layer .link_btn {
    background: #fafafa;
    border: 1px solid #CBCBCB;
    height: 28px;
    line-height: 28px;
    color: #333333;
    text-decoration: none;
    padding: 0 11px; }

.ECar_modal_button {
  margin-left: 0; }

.ECar_modal_button button.adr_consigneeInfoBtn {
  width: 150px;
  height: 30px;
  margin: 10px 10px 0 80px;
  padding: 0;
  cursor: pointer;
  color: #333;
  border: 1px solid #cbcbcb;
  outline: 0;
  background-color: #fff;
  font-size: 12px; }

.step_box .cross {
  background-color: #ffc014; }

.step_box .nav .active span, .overview .backto_cart {
  color: #dba400 !important; }

.user_address_bd li.active .address_tips {
  border-color: #dba400; }

.detailinfoUl .detailinfoLi .detailinfoLiTitle {
  border-color: #ffc014; }

.detailinfoUl .detailinfoLi .detailinfoContainer .detailinfoRight {
  background-color: #fff9e5; }

.detailinfoUl .detailinfoLi .detailinfoContainer .detailinfoRight, .detailinfoUl .detailinfoLi .detailinfoContainer {
  border-color: #ffe6a1 !important; }

.overview .submit_detail {
  background: #0093ff !important; }

.detailinfoUl .detailinfoLi .detailinfoContainer .detailinfoRight .detailinfoArticleUl .merge_pay {
  background-color: #fff9e5; }

.user_address_bd .handle .default_address, .user_address_bd .handle .edit, .user_address_bd .handle .del {
  color: #dab400; }

.user_address_bd li:hover, .user_address_bd li.current {
  background-color: #fff9e5; }

.user_address_bd li:hover .address_tips, .user_address_bd li.active .address_tips {
  border-color: #e60012 !important; }

.detailinfoUl .detailinfoLi .detailinfoContainer .detailinfoRight .detailinfoArticleUl .detailinfoArticleLi .detailinfoArticleCalcPrice, .overview li .rightcontent .cols4 ins, .overview li .rightcontent .cols5 ins {
  color: #e60012 !important; }
